@import "Variables.scss";

#splashScreen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-grow: 1;
    h1 {
    	font-weight: bold;
        line-height: 1.2em;
    }
    svg {
        font-size: 3em;
        color: $mid-grey;
    }
    .buttons {
        display: flex;
        gap: 0.5em;
        justify-content: center;
    }
    .fileDropZone {
        padding: 1em 2em;
        border-radius: $radius;
        border: 2px dashed #ccc;
    }    
}

.darkTheme {
    #splashScreen {
        svg {
            color: $dark-grey;
        }
 
    } 
}